{include file="song/head" title="首页" keywords="开源WEB开发框架" /}
<body>

<div id="make" class="mask"></div>

<div id="mike_dia" class="jpt_dialog_mike dialog">
    <div class="box">

<div class="bd">
    <img class="tishi" src="/static/jpt/song/img/icon-fudiantixing.png">

    <article class="txnr">
        提醒内容提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容 提醒内容

    </article>
    <!--<img class="mike" src="/static/jpt/song/img/pic-huatong-1.png">-->


    <form action="" oninput="x.value=parseInt(mikes.value)">
        <div class="price">￥<span id="price">2.00</span>元</div>
    <div id="" class="spinner">
        <input class="min" name="" type="button" value="-" />
        <input id="mikes" class="mikes text_box" name="" type="number" value="1" placeholder="0"/>
        <input class="add" name="" type="button" value="+" />
    </div>
        <p class="price_total">总价：<label id="total"></label>元</p>
        <a href="javascript:;" class="weui-btn jpt_bth_m">送出<span class="icon_mike_m">&nbsp;</span></a>
        <ahref="javascript:void(0);" onclick="songmikeclose()" class="weui-btn jpt_bth_m">关闭</a>
    </form>




</div>




    </div>






</div>





{include file="song/footer" title="index" keywords="开源WEB开发框架" /}
{include file="song/swiler" title="index" keywords="开源WEB开发框架" /}

<div class="jpt_show_header">
    <video width="320" height="240" controls>
        <source src="http://oss.ytclub.top/jpt/VID20170825171348.mp4" type="video/mp4">
        <source src="http://oss.ytclub.top/jpt/VID20170825171348.mp4" type="video/ogg">
        您的浏览器不支持 HTML5 video 标签。
    </video>
    <div class="grids">
        <div class="grid">
            编号：1
        </div>

        <div class="grid">
            姓名：鹿晗
        </div>
        <div class="grid grid_2">
            票数：2000
        </div>
        <div class="grid grid_2">
            排名：2000
        </div>
    </div>

    <a href="javascript:;" class="weui-btn jpt_bth_m">为他投票</a>
    <a  href="javascript:void(0);" onclick="songmike()" class="weui-btn jpt_bth_m">送话筒</a>


</div>
<hr/>

<div class="jpt_mike">
    <div class="title">
        <img src="/static/jpt/song/img/icon-jilu.png">
    </div>
    <div class="box">
        <div class="grid">
            <img src="/static/jpt/song/img/pho-touxiang.png">
            <h5>伙伴</h5>
            <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>
        </div>
        <div class="grid">
            <img src="/static/jpt/song/img/pho-touxiang.png">
            <h5>伙伴</h5>
            <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>

        </div>
        <div class="grid">
            <img src="/static/jpt/song/img/pho-touxiang.png">
            <h5>伙伴</h5>
            <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>

        </div>
        <div class="grid">
            <img src="/static/jpt/song/img/pho-touxiang.png">
            <h5>伙伴</h5>
            <p><span class="icon_mike_m">&nbsp;</span> 15个话筒</p>

        </div>
    </div>

    <div class="title">
        <img src="/static/jpt/song/img/icon-paihang.png">
    </div>
    <div class="box_2">
        <div class="cont">
            <div class="cont_grids">
                <div class="grid">
                    <div class="img_box">
                    <img src="/static/jpt/song/img/pho-touxiang.png">
                    </div>
                    <div class="desc">
                        <h5>伙伴1</h5>
                        <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>
                    </div>

                    <span class="num">1</span>
                </div>
                <div class="grid">
                    <div class="img_box">
                        <img src="/static/jpt/song/img/pho-touxiang.png">
                    </div>
                    <div class="desc">
                        <h5>伙伴12</h5>
                        <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>
                    </div>
                    <span class="num">1</span>
                </div>
                <div class="grid">
                    <div class="img_box">
                        <img src="/static/jpt/song/img/pho-touxiang.png">
                    </div>
                    <div class="desc">
                        <h5>伙伴3</h5>
                        <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>
                    </div>
                    <span class="num">1</span>
                </div>

                <div class="grid_2">
                    <span class="num">1</span>
                    <div class="img_box">
                        <img src="/static/jpt/song/img/pho-touxiang.png">
                    </div>
                    <div class="desc">
                        <h5>伙伴5</h5>
                        <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>
                    </div>

                </div>

                <div class="grid_2">
                    <span class="num">1</span>
                    <div class="img_box">
                        <img src="/static/jpt/song/img/pho-touxiang.png">
                    </div>
                    <div class="desc">
                        <h5>伙伴5</h5>
                        <p><span class="icon_mike_m">&nbsp;</span>15个话筒</p>
                    </div>
                </div>
                <div class="grid_2">
                    <a href="">查看更多</a>
                </div>
            </div>
        </div>

    </div>



</div>



<div class="jpt_msg ">

    <a href="{:url('demo/song/msg')}" class="weui-btn jpt_bth_m">写留言</a>

    <img class="tishi" src="/static/jpt/song/img/icon-qixuekang.png" alt="">

    <div class="weui-panel__bd">
        <div  class="weui-media-box weui-media-box_appmsg">

            <div class="weui-media-box__hd">
                <img class="weui-media-box__thumb" src="/static/jpt/song/img/pho-touxiang.png">
            </div>
            <div class="weui-media-box__bd">
                <div class="weui-media-box__title weui-flex">花瓣 <span class="weui-flex__item ta-r">2013-2-23</span></div>
                <p class="weui-media-box__desc ta-l">由各种物质组成的巨型球状天体，叫做星球。星球有一定的</p>

            </div>
        </div>


    </div>


</div>










<div class="weui-tabbar_space"></div>

<script>
function songmike() {
    $('#make').show();
    $('#mike_dia').show();
    slideNo();

}
function songmikeclose() {
    $('#make').hide();
    $('#mike_dia').hide();
    slideTrue();
}







$(function() {
    $(".add").click(function() {
        var t = $(this).parent().find('input[class*=text_box]');
        if(t.val()==""||undefined||null){
            t.val(0);
        }
        t.val(parseInt(t.val()) + 1)
        setTotal();
    })
    $(".min").click(function() {
        var t = $(this).parent().find('input[class*=text_box]');
        if(t.val()==""||undefined||null){
            t.val(0);
        }
        t.val(parseInt(t.val()) - 1)
        if(parseInt(t.val()) < 0) {
            t.val(0);
        }
        setTotal();
    })
    $(".text_box").keyup(function(){
        var t = $(this).parent().find('input[class*=text_box]');
        if(parseInt(t.val())==""||undefined||null || isNaN(t.val())) {
            t.val(0);
        }
        setTotal();
    })
    function setTotal() {
        var s = 0;

            var t = $('#mikes').val();
            var p = $('#price').text();
            if(parseInt(t)==""||undefined||null || isNaN(t) || isNaN(parseInt(t))){
                t=0;
            }
            s= t * p;

        $("#total").html(s.toFixed(2));
    }
    setTotal();
})

</script>

</body>
</html>